<div class="wrap">


    <!-- <div class="cell">
        <div class="mm userInfo">

            <div class="top">
                <div class="info">
                    <div class="face">
                        <imageBox :src="loginInfo.icon" alt=""></imageBox>
                    </div>
                    <div class="text">
                        <div class="t1">{{loginInfo.nickName}}</div>
                        <div class="t2"> <i class="el-icon-time"></i>
                            <span v-if="loginInfo.validityType === 1">到期时间: {{loginInfo.validityTime}}</span>
                            <span v-if="loginInfo.validityType === 2">到期时间: 无期限</span></div>
                    </div>
                </div>
                <div class="in">

                    <div class="li">
                        <el-popover popper-class="inAppdetail" placement="bottom" title="" width="200" trigger="hover">


                            <div class="code">
                            </div>
                            <div class="name"><i class="iconfont icon-platform-wechat"></i>微信公众号</div>
                            <div class="link">
                                <el-button type="text" @click="$vFN.Tools.copyText(webUrl)">复制链接</el-button>
                            </div>

                            <div slot="reference" class="iconfont icon-platform-wechat"></div>
                        </el-popover>



                    </div>

                    <div class="li">
                        <el-popover popper-class="inAppdetail" placement="bottom" title="" width="200" trigger="hover">


                            <div class="code">
                                <imageBox :src="miniappCodeUrl"></imageBox>
                            </div>
                            <div class="name"><i class="iconfont icon-platform-wxapp"></i>微信小程序</div>

                            <div slot="reference" class="iconfont icon-platform-wxapp"></div>
                        </el-popover>


                    </div>

                    <div class="li">
                        <el-popover popper-class="inAppdetail" placement="bottom-end" title="" width="200"
                            trigger="hover">

                            <div class="name"><i class="iconfont icon-platform-ios"></i>IOS 应用未开启</div>


                            <div slot="reference" class="iconfont icon-platform-ios"></div>
                        </el-popover>

                    </div>
                    <div class="li">
                        <el-popover popper-class="inAppdetail" placement="bottom-end" title="" width="200"
                            trigger="hover">

                            <div class="name"><i class="iconfont icon-platform-android"></i>安卓 应用未开启</div>


                            <div slot="reference" class="iconfont icon-platform-android"></div>
                        </el-popover>
                    </div>
                </div>
            </div>



        </div>
    </div> -->
    <div class="cell" v-if="data">
        <div class="hh">概览</div>


        <div class="mm dataWrap" >
            <div class="li">
                <div class="icon"><i class="el-icon-bank-card"></i></div>
                <div class="text">
                    <div class="info">
                        预估佣金
                    </div>
                    <div class="sum">{{data.commission_estimate}}</div>

                </div>
            </div>
            <div class="li">
                <div class="icon"><i class="el-icon-box"></i></div>
                <div class="text">
                    <div class="info">
                        待结算佣金
                    </div>
                    <div class="sum">{{data.commission_wait_bonus}}</div>

                </div>
            </div>
            <div class="li">
                <div class="icon"><i class="el-icon-service"></i></div>
                <div class="text">
                    <div class="info">
                        累计佣金
                    </div>
                    <div class="sum">{{data.commission_total}}</div>

                </div>
            </div>
            <div class="li">
                <div class="icon"><i class="el-icon-takeaway-box"></i></div>
                <div class="text">
                    <div class="info">
                        已结算佣金
                    </div>
                    <div class="sum">{{data.commission_settled}}</div>

                </div>
            </div>
        </div>

        <div class="mm dataWrap">
            <div class="li">
                <div class="icon"><i class="el-icon-news"></i></div>
                <div class="text">
                    <div class="info">
                        提现待审核
                    </div>
                    <div class="sum">{{data.distributor_wait_check}}</div>

                </div>
            </div>
            <div class="li">
                <div class="icon"><i class="el-icon-connection"></i></div>
                <div class="text">
                    <div class="info">              	
                        分销商数量
                    </div>
                    <div class="sum">{{data.distributor_total}}</div>

                </div>
            </div>
            <div class="li">
                <div class="icon"><i class="el-icon-coin"></i></div>
                <div class="text">
                    <div class="info">
                        会员数
                    </div>
                    <div class="sum">{{data.member_total}}</div>

                </div>
            </div>
            <div class="li">
                <div class="icon"><i class="el-icon-money"></i></div>
                <div class="text">
                    <div class="info">
                        分销商占比
                    </div>
                    <div class="sum">{{data.distributor_proportion * 100}}%</div>

                </div>
            </div>
        </div>

    </div>



    <!-- <div class="cell">
        <div class="hh">热销商品</div>
        <div class="mm hotGoods">

            <div class="ul">

                <div class="li" v-for="(item,index) of hotGoodsList" :key="index">
                    <div class="border">
                        <el-popover popper-class="hotGoodsDetail" placement="top" title="" width="200" trigger="hover">

                            <div class="detail">
                                <div class="img">
                                    <imageBox :src="item.albumUrl" alt=""></imageBox>
                                </div>
                                <div class="name"> {{item.name}} </div>
                                <div class="sales">
                                    <span class="s1">售价：</span>
                                    <span class="s2">￥{{item.salePrice}}</span>
                                    <span class="s1">销量：</span>
                                    <span class="s2">{{item.sales}}</span>
                                </div>
                            </div>
                            <div class="showImg" slot="reference">
                                <div class="img">
                                    <imageBox :src="item.albumUrl" alt=""></imageBox>
                                </div>
                            </div>
                        </el-popover>

                    </div>


                </div>
            </div>
        </div>
    </div> -->
</div>